.shhz{
	font-size: 24upx;
	color: #27A9FD;
	float: right;
	height: 56upx;
	line-height: 62upx;
	margin-left: 20upx;
}
.empty{
	text-align: center;
	margin-top: 240upx;
}
.empty image{
	width: 215upx;
	height: 221upx;
	
}
.empty .txt{
	font-size: 24upx;
	color: #959595;
	margin-top: 25upx;
}
.order{
	width: 702upx;
	margin: 0px auto;
	
	margin-top: 20upx;
	
}
.order .order-box{
	border-radius: 10upx;
	background: #fff;
	padding-top: 30upx;
	padding-left: 20upx;
	padding-right: 20upx;
	padding-bottom: 20upx;
	margin-bottom: 20upx;
}
.order .order-box  .title{
	height: 44upx;
	border-bottom: 2upx solid #E6E6E6;
}
.order .order-box  .title .decs{
	font-size: 18upx;
	height: 35upx;
	color: #fff;
	width: 126upx;
	float: left;
	margin-left: -30upx;
}
.order .order-box  .title .tc{
	background: #40D3FD;
}
.order .order-box  .title .zt{
	background: #FFC600;
}
.order .order-box  .title .order-num{
	font-size: 20upx;
	color: #333;
	line-height: 32upx;
	margin-left: 10upx;
	float: left;
}
.order .order-box  .title .status{
	font-size: 24upx;
	line-height: 32upx;
	color: #FF3B30;
	float: right;
}
.order .order-box  .title .color{
	color: #27A9FD;
}

.order .order-box .shops-icon{
	width: 27upx;
	height: 24upx;
	position: relative;
	top: 3upx;
}
.order .order-box .shops-name{
	font-size: 24upx;
	color: #333;
	margin-left: 10upx;
}
.addres-box{
	display: flex;
	justify-content: space-between;
	margin-top: 18upx;
}
.addres-box .jl{
	font-size: 28upx;
	color: #27A9FD;
	font-weight: bold;
}
.addres-box .address{
	font-size: 28upx;
	color: #303030;
	font-weight: bold;
	width: 340upx;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.addres-box .daohang{
	width: 37upx;
	height: 39upx;
}
.addres-box .daohang image{
	width: 37upx;
	height: 39upx;
}
.order .order-box .order-list{
	margin-top: 20upx;
	overflow: hidden;
}

.order .order-box .order-list .goods-img{
	width: 144upx;
	height: 144upx;
	float: left;
}
.order .order-box .order-list .list-center{
	float: left;
	margin-left: 18upx;
	width: 358upx;
}
.order .order-box .order-list .order-name{
	font-size: 28upx;
	height: 64upx;
	line-height: 32upx;
	color: #333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 10upx;
	font-weight: bold;
}
.order .order-box .order-list .fontSize{
	font-size: 24upx;
}
.order .order-box .order-list .specification{
	color: #999999;
	font-size: 20upx;
	margin-top: 6upx;
}
.order .order-box .order-list .list-right{
	float: right;
}
.order .order-box .order-list .list-right .pic{
	color: #666666;
	font-size: 20upx;
	margin-top: 10upx;
}
.order .order-box .order-list .list-right .num{
	color: #666666; 
	font-size: 20upx;
	margin-top: 43upx;
	text-align: right;
}
.order .order-box .order-bottom{
	display: flex;
	justify-content: space-between;
}
.order .order-box .order-bottom .bottom-right{
	float: right;
	margin-top: -28upx;
}
.order .order-box .order-bottom .total{
	font-size: 24upx;
	text-align: right;
	margin-bottom: 10upx;
	
}
.order .order-box .order-bottom .total text{
	color: #FF3B30;
	font-weight: bold;
	font-size: 28upx;
}
.order .order-box .order-bottom .yyf{
	font-size: 22upx;
	color: #999999;
	text-align: right;
	margin-bottom: 10upx;
}
	
.order .order-box .order-bottom .btn{
	height: 44upx;
	text-align: center;
	line-height: 44upx;
	font-size: 24upx;
	border-radius: 23upx;
	margin-top: 10upx;
	float: right;
	border:1upx solid #666666;
	color: #666666;
	margin-left: 20upx;
	padding: 0px 20upx;
}
.order .order-box .order-bottom .bg{
	background: #FF3B30;
	color: #fff;
	border-color: #FF3B30;
}
.order .order-box .order-bottom .zp{
	background: #FF3B30; 
	border-color: #FF3B30;
	color: #fff;
}
.order .order-box .order-bottom .sh{
	background: #FF7506;
	border-color: #FF7506;
	color: #fff;
}
.order .order-box .order-bottom .jd{
	background: #FF3B30;
	border-color: #FF3B30;
	color: #fff;
	margin-left: 20upx;
}
.order .order-box .order-bottom .bottom-left{
	float: left;
}

.order .order-box .order-bottom .bottom-left .tag{
	width: 110upx;
	height: 30upx;
	text-align: center;
	line-height: 30upx;
	font-size: 18upx;
	margin-top: 20upx;
}
.order .order-box .order-bottom .bottom-left .yf{
	background: #E7F4FD;
	color: #27A9FD;
	background:  #E7F4FD;
}
.order .order-box .order-bottom .bottom-left .sz{
	border-color: #FDEFEE;
	color: #FF3B30;
	background:  #FDEFEE;
}

.order .order-box .order-bottom .bottom-left .df{
	border-color: #EBFCF5;
	color:#30D592;
	background:  #EBFCF5;
}
.order .order-box .order-bottom .bottom-left .sj{
	background: #FCEBDD;
	color: #FF770A;
}

.drop{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 99;
}

.cancel-order{
	width: 540upx;
	height: 320upx;
	background: #fff;
	border-radius: 20upx;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.jdts{
	padding-top: 80upx;
	box-sizing: border-box;
}
.cancel-order .tit{
	font-size: 32upx;
	text-align: center;
	height: 80upx;
	line-height: 80upx;
	font-weight: bold;
	
}
.cancel-order .text-box{
	width: 459upx;
	height: 125upx;
	margin: 0px auto;
}
.cancel-order .text-box .textarea{
	padding: 20upx;
	width: 459upx;
	height: 125upx;
	resize: none;
	font-size: 24upx;
	background: #fff;
	border: 1upx dashed #DBDBDB;
	box-sizing: border-box;
}

.cancel-order .btn-group{
	display: flex;
	width: 100%;
	height: 80upx;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	left: 0upx;
	bottom: 0upx;
	border-top: 1upx solid #DADADA;
}
.cancel-order .btn-group .btn{
	flex: 1;
	text-align: center;
	font-size: 32upx;
	line-height: 80upx;
}
.cancel-order .btn-group .qr{
	color: #27A9FD;
	border-left: 1upx solid #DADADA ;
}
.sty{
	font-size: 24upx;
}
.dx{
	text-align: center;
	color: rgba(0,0,0,0.4);
	font-size: 20upx;
	margin-bottom: 20upx;
	
}